import XtxSkeleton from "@/components/library/xtxSkeleton";
import "./index.scss";
function HomeSkeleton(props: { bg: string }) {
  return (
    <>
      <div className="home-skeleton" style={{ backgroundColor: props.bg }}>
        {[1, 2, 3, 4].map((item) => (
          <div className="item" key={item}>
            <XtxSkeleton bg="#e4e4e4" width="306px" height="306px" animated />
            <XtxSkeleton bg="#e4e4e4" width="160px" height="24px" animated />
            <XtxSkeleton bg="#e4e4e4" width="120px" height="24px" animated />
          </div>
        ))}
      </div>
    </>
  );
}
export default HomeSkeleton;
